/* custom-tab-bar/index.wxss */
.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90vw;
  height: 95rpx;
  border-radius: 95rpx;
  background-color: #f1e5c6;
  display: flex;
  justify-content: space-around;
  margin-bottom: env(safe-area-inset-bottom);

  .tab-bar-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 33%;
    border-radius: 70rpx;

    // background-color: #5a84bb;
    view {
      font-size: 18rpx;
    }

    image {
      width: 45rpx;
      height: 45rpx;
    }
  }

  .highlight {
    background-color: #5a84bb;
  }
}